import axios from 'axios'
import { ElMessage, ElLoading } from 'element-plus'
import router from '@/router'

// 创建axios实例
const request = axios.create({
  baseURL: '/api',
  timeout: 10000,
  headers: {
    'Content-Type': 'application/json'
  }
})

// 请求拦截器
request.interceptors.request.use(
  config => {
    // 在发送请求之前做些什么
    const token = localStorage.getItem('token')
    if (token) {
      // 确保token格式正确，去除可能的空格
      const cleanToken = token.trim()
      config.headers.Authorization = `Bearer ${cleanToken}`
      console.log(`请求添加 Authorization 头: Bearer ${cleanToken.substring(0, 10)}...`)
    } else {
      console.log('请求没有 token')

      // 如果是登录或注册请求，不需要token
      if (!config.url.includes('/auth/login') && !config.url.includes('/auth/register')) {
        console.warn('非认证请求没有token，可能会导致401错误:', config.url)
      }

    }
    
    // 显示加载动画（可选）
    if (config.showLoading !== false) {
      config.loadingInstance = ElLoading.service({
        text: '加载中...',
        background: 'rgba(0, 0, 0, 0.7)'
      })
    }
    
    console.log('发送请求:', config.method?.toUpperCase(), config.url, config.data || config.params)
    return config
  },
  error => {
    // 对请求错误做些什么
    console.error('请求错误:', error)
    return Promise.reject(error)
  }
)

// 响应拦截器
request.interceptors.response.use(
  response => {
    // 关闭加载动画
    if (response.config.loadingInstance) {
      response.config.loadingInstance.close()
    }
    
    console.log('收到响应:', response.status, response.config.url, response.data)
    
    // 对响应数据做点什么
    const { data } = response
    
    // 如果是文件下载，直接返回
    if (response.config.responseType === 'blob') {
      return response
    }
    
    // 检查是否包含错误信息
    if (data && data.error) {
      console.error('响应包含错误:', data.error)
      ElMessage.error(data.error || '请求失败')
      return Promise.reject(new Error(data.error || '请求失败'))
    }
    
    return data
  },
  error => {
    // 关闭加载动画
    if (error.config?.loadingInstance) {
      error.config.loadingInstance.close()
    }
    
    console.error('响应错误:', error)
    
    // 对响应错误做点什么
    let message = '网络错误'
    
    if (error.response) {
      const { status, data } = error.response
      console.error(`HTTP错误 ${status}:`, data)
      
      switch (status) {
        case 400:
          message = data.error || '请求参数错误'
          break
        case 401:
          message = '未授权，请重新登录'
          console.error('收到401错误，当前路径:', window.location.pathname)
          // 清除token并跳转到登录页
          localStorage.removeItem('token')
          localStorage.removeItem('username')
          localStorage.removeItem('roleCode')
          
          // 避免无限重定向
          if (!window.location.pathname.includes('/login')) {
            console.log('收到401错误，但不立即重定向，等待路由守卫处理')
            // 只有在非登录相关API请求时才重定向
            if (!window.location.pathname.includes('/login') && 
                !error.config.url.includes('/auth/login') && 
                !error.config.url.includes('/auth/register')) {
              console.log('非登录相关API，重定向到登录页')
              router.push({
                path: '/login',
                query: { redirect: router.currentRoute.value.fullPath }
              }).catch(err => {
                console.error('路由跳转错误:', err)
              })
            } else {
              console.log('登录相关API或已在登录页，不重定向')
            }
          } else {
            console.log('已在登录页，不再重定向')
          }
          break
        case 403:
          message = '拒绝访问'
          break
        case 404:
          message = '请求的资源不存在'
          break
        case 500:
          message = '服务器内部错误'
          break
        case 502:
          message = '网关错误'
          break
        case 503:
          message = '服务不可用'
          break
        case 504:
          message = '网关超时'
          break
        default:
          message = data.error || `连接错误${status}`
      }
    } else if (error.request) {
      message = '网络连接失败，请检查网络设置'
    } else {
      message = error.message || '请求失败'
    }
    
    ElMessage.error(message)
    return Promise.reject(error)
  }
)

// 封装常用的请求方法
export const api = {
  get(url, params = {}, config = {}) {
    return request({
      method: 'GET',
      url,
      params,
      ...config
    })
  },
  
  post(url, data = {}, config = {}) {
    return request({
      method: 'POST',
      url,
      data,
      ...config
    })
  },
  
  put(url, data = {}, config = {}) {
    return request({
      method: 'PUT',
      url,
      data,
      ...config
    })
  },
  
  delete(url, config = {}) {
    return request({
      method: 'DELETE',
      url,
      ...config
    })
  },
  
  patch(url, data = {}, config = {}) {
    return request({
      method: 'PATCH',
      url,
      data,
      ...config
    })
  },
  
  // 文件上传
  upload(url, formData, config = {}) {
    return request({
      method: 'POST',
      url,
      data: formData,
      headers: {
        'Content-Type': 'multipart/form-data'
      },
      ...config
    })
  },
  
  // 文件下载
  download(url, params = {}, config = {}) {
    return request({
      method: 'GET',
      url,
      params,
      responseType: 'blob',
      ...config
    })
  }
}

// 请求工具函数
export const requestUtils = {
  // 并发请求
  all(requests) {
    return Promise.all(requests)
  },
  
  // 串行请求
  async series(requests) {
    const results = []
    for (const request of requests) {
      const result = await request()
      results.push(result)
    }
    return results
  },
  
  // 重试请求
  async retry(requestFn, maxRetries = 3, delay = 1000) {
    let lastError
    
    for (let i = 0; i <= maxRetries; i++) {
      try {
        return await requestFn()
      } catch (error) {
        lastError = error
        if (i < maxRetries) {
          await new Promise(resolve => setTimeout(resolve, delay * Math.pow(2, i)))
        }
      }
    }
    
    throw lastError
  },
  
  // 取消请求
  createCancelToken() {
    return axios.CancelToken.source()
  }
}

export default request